<style>
	input[type="text"],
	input[type="password"],
	textarea,
	textarea.form-control {
		height: 50px;
		margin: 0;
		padding: 0 20px;
		vertical-align: middle;
		background: #f8f8f8;
		border: 3px solid #ddd;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 50px;
		color: #888;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}
	
	textarea,
	textarea.form-control {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 30px;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	textarea.form-control:focus {
		outline: 0;
		background: #fff;
		border: 3px solid #ccc;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	input[type="text"]:-moz-placeholder,
	input[type="password"]:-moz-placeholder,
	textarea:-moz-placeholder,
	textarea.form-control:-moz-placeholder {
		color: #888;
	}
	
	input[type="text"]:-ms-input-placeholder,
	input[type="password"]:-ms-input-placeholder,
	textarea:-ms-input-placeholder,
	textarea.form-control:-ms-input-placeholder {
		color: #888;
	}
	
	input[type="text"]::-webkit-input-placeholder,
	input[type="password"]::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder,
	textarea.form-control::-webkit-input-placeholder {
		color: #888;
	}
	
	input.btn {
		height: 50px;
		margin: 0;
		padding: 0 20px;
		vertical-align: middle;
		background: #F07818;
		border: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 50px;
		color: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}
	
	input.btn:hover {
		opacity: 0.6;
		color: #fff;
	}
	
	input.btn:active {
		outline: 0;
		opacity: 0.6;
		color: #fff;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	input.btn:focus {
		outline: 0;
		opacity: 0.6;
		background: #F07818;
		color: #fff;
	}
	
	input.btn:active:focus,
	input.btn.active:focus {
		outline: 0;
		opacity: 0.6;
		background: #F07818;
		color: #fff;
	}
	
	.form-box {
		margin-top: 35px;
	}
	
	.form-top {
		overflow: hidden;
		padding: 0 25px 15px 25px;
		background: #fff;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		text-align: left;
	}
	
	.form-top-left {
		float: left;
		width: 75%;
		padding-top: 25px;
	}
	
	.form-top-left h3 {
		margin-top: 0;
	}
	
	.form-top-right {
		float: left;
		width: 25%;
		padding-top: 5px;
		font-size: 66px;
		color: #ddd;
		line-height: 100px;
		text-align: right;
	}
	
	.form-bottom {
		padding: 25px 25px 30px 25px;
		background: #eee;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		text-align: left;
	}
	
	.form-bottom form textarea {
		height: 100px;
	}
	
	.form-bottom form input.btn {
		width: 100%;
	}
	
	.form-bottom form .input-error {
		border-color: #de995e;
	}
	
	.social-login {
		margin-top: 35px;
	}
	
	.social-login h3 {
		color: #fff;
	}
	
	.social-login-buttons {
		margin-top: 25px;
	}
	/***** Media queries *****/
	
	@media (min-width: 992px) and (max-width: 1199px) {}
	
	@media (min-width: 768px) and (max-width: 991px) {}
	
	@media (max-width: 767px) {
		.inner-bg {
			padding: 60px 0 110px 0;
		}
	}
	
	@media (max-width: 415px) {
		h1,
		h2 {
			font-size: 32px;
		}
	}
	
	.yzwLoginContainer {
		height: 100%;
		min-height: 505px;
	}
</style>
<div class="row yzwLoginContainer">
	<div class="col-sm-6 col-sm-offset-3 form-box">
		<div class="form-top">
			<div class="form-top-left">
				<h3>用户登录</h3>
			</div>
			<div class="form-top-right">
				<i class="fa fa-lock"></i>
			</div>
		</div>
		<div class="form-bottom">
			<form role="form" action="" method="post" class="login-form">
				<div class="form-group">
					<label class="sr-only" for="form-username">Email</label>
					<input type="text" name="form-username" placeholder="Example@email.com" class="form-username form-control" id="form-username">
				</div>
				<div class="form-group">
					<label class="sr-only" for="form-password">Password</label>
					<input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">
				</div>
				<input type="button" class="btn" data-bind="click:login" value="登录">
				<p style="padding-top: 15px;">
					<span><a href="#">忘记密码 ?</a></span> | 没有帐号 ?
					<a href="#/register">点击注册</a>
				</p>
			</form>
		</div>
	</div>

</div>